 <script type="text/javascript" src="{site_address}highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="{site_address}highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{site_address}highslide/highslide-ie6.css" />
<![endif]--> 
<script type="text/javascript">
//<![CDATA[
hs.graphicsDir = '{site_address}highslide/graphics/';
hs.transitions = ['expand', 'crossfade'];
hs.restoreCursor = null;
hs.lang.restoreTitle = 'Click for next image';

// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 3000,
	repeat: true,
	
	useControls: true,
	overlayOptions: {
		position: 'top right',
		offsetY: 19
	},
	thumbstrip: {
		position: 'below',
		mode: 'horizontal',
		relativeTo: 'expander'
	}
	
});

// Options for the in-page items
var inPageOptions = {
	//slideshowGroup: 'group1',
	
	outlineType: null,
	allowSizeReduction: true,
	wrapperClassName: 'in-page controls-in-heading',
	useBox: true,
	autoplay: '',    // enable autoplay
	width: 650,
	height: 447,
	targetX: 'gallery-area 10px',
	targetY: 'gallery-area 10px'
}

// Open the first thumb on page load
hs.addEventListener(window, 'load', function() {
	document.getElementById('thumb1').onclick();	
});

hs.Expander.prototype.onImageClick = function() {
	if (/in-page/.test(this.wrapper.className))	return hs.next();
}

hs.Expander.prototype.onBeforeClose = function() {
	if (/in-page/.test(this.wrapper.className))	return false;
}
hs.Expander.prototype.onDrag = function() {
	if (/in-page/.test(this.wrapper.className))	return false;
}

hs.addEventListener(window, 'resize', function() {
	var i, exp;
	hs.getPageSize();
	for (i = 0; i < hs.expanders.length; i++) {
		exp = hs.expanders[i];
		if (exp) {
			var x = exp.x,
				y = exp.y;
			exp.tpos = hs.getPosition(exp.el);
			x.calcThumb();
			y.calcThumb();

		 	x.pos = x.tpos - x.cb + x.tb;
			x.scroll = hs.page.scrollLeft;
			x.clientSize = hs.page.width;
			y.pos = y.tpos - y.cb + y.tb;
			y.scroll = hs.page.scrollTop;
			y.clientSize = hs.page.height;
			exp.justify(x, true);
			exp.justify(y, true);

			exp.moveTo(x.pos, y.pos);
		}
	}
});
//]]>
</script>
    <td width="770" valign="top" style="padding-left:16px; padding-right:19px;"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="18"><img src="{site_address}images/b1.gif" width="18" height="17" /></td>
        <td style="background:url({site_address}images/b2.gif) repeat-x"></td>
        <td width="21"><img src="{site_address}images/b3.gif" width="21" height="17" /></td>
      </tr>
      <tr>
        <td style="background:url({site_address}images/b8.gif) repeat-y"></td>
        <td style="background-color:#e4e5e6; padding:5px;">
        	<div class="dotset1">
            	<div class="pathpage"><a href="{site_address}">Trang chủ</a>&nbsp;>&nbsp;{pathpage}</div>
            	<h3 class="aboutname">{name}</h3>
        		<div style="min-height:600px">
                <div class="hidden-container">
<!--
	5) This is how you mark up the thumbnail images with an anchor tag around it.
	The anchor's href attribute defines the URL of the full-size image. Given the captionEval
	option is set to 'this.a.title', the caption is grabbed from the title attribute of
	the anchor.
-->
<!-- START BLOCK : thumb -->
	<a id="{thumb1}" class='highslide' href='{bigimage}'
			onclick="return hs.expand(this, inPageOptions)">
		{image}</a>
<!-- END BLOCK : thumb -->


	

</div>

<div id="gallery-area" style="width: 660px; height: 500px; margin: 0 auto;"></div>
                </div>
                <div style="clear:both"></div>
           
        	</div>
        </td>
        <td style="background:url({site_address}images/b4.gif) repeat-y"></td>
      </tr>
      <tr>
        <td><img src="{site_address}images/b7.gif" width="18" height="21" /></td>
        <td style="background:url({site_address}images/b6.gif) repeat-x"></td>
        <td><img src="{site_address}images/b5.gif" width="21" height="21" /></td>
      </tr>
    </table></td>
  </tr>
</table>